<template>
  <div>
    <div>
      <!-- <router-link tag="li" :to="{ name: 'signIn' }">signIn</router-link> -->
      <orderItem :class="{ fixed: isFixed }" />
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import orderItem from "@/components/orderItem";
import { getMenus } from "../../api";
import Bscroll from "better-scroll";

export default {
  data() {
    return {
      isFixed: false,
    };
  },
  components: {
    orderItem,
  },
  mounted() {},
  created() {
    this.$api.getMenus()
    this.$api.getAppointment()
  },
};
</script>

<style lang = "scss" scoped>
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
}
</style>